import React, { useState, useEffect } from "react";
import { View } from '@tarojs/components'
import Router from '@/utils/router'
import './index.scss'
const OpenAuthSetting = (props) => {
    const { payCode, onClose } = props
    const list =
        [
            {
                label: '找学校',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle1'
            },
            {
                label: '查专业',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle2'
            },
            {
                label: '院校对比',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle3'
            },
            {
                label: '专业对比',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle4'
            },
            {
                label: '省控线',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle5'
            },
            {
                label: '大数据',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle6'
            },
            {
                label: '一分一段',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle7'
            },
            {
                label: '大学排名',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle8'
            },
            {
                label: '招生计划',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle9'
            },
            {
                label: '智能选校',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle10'
            },
            {
                label: '模拟志愿',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle11'
            },
            {
                label: '导出志愿',
                styleClass: 'OpenAuthSetting_tool_icon OpenAuthSetting_tool_iconStyle12'
            },

        ]
    if (payCode !== '5200') {
        return null
    }
    return <View onClick={() => {
        Router('orderVolunteerCard')
        onClose && onClose()
    }} className="OpenAuthSetting_box">
        <View className="OpenAuthSetting_title_box">
            开通志愿卡
        </View>
        <View className="OpenAuthSetting_desc_box">
            <View className="">
                拒绝亏分·滑档
            </View>
            <View className="OpenAuthSetting_desc_liner">
            </View>
            <View className="">
                低分上名校
            </View>
        </View>
        <View className="OpenAuthSetting_desc_info">
            <View className="OpenAuthSetting_desc_infoLiner"></View>
            <View className="">
                更多权益为志愿加码
            </View>
            <View className="OpenAuthSetting_desc_infoLiner"></View>
        </View>
        <View className="OpenAuthSetting_tool_box">
            {list.map(val => {
                const { label, styleClass } = val
                return <View className="OpenAuthSetting_tool_item">
                    <View className={styleClass}></View>
                    <View className="OpenAuthSetting_tool_font">
                        {label}
                    </View>
                </View>
            })}
        </View>
        <View className="OpenAuthSetting_button_box">
            立即开通 查看完整数据
        </View>
    </View>
}
export default OpenAuthSetting